<template>
	<div class="box">
		<div class="top">发布</div>
		<div class="con">
			<div v-for="(item,index) in list" :key="index" class="conitem"
			@click="intopage(item)"
			>
				<div class="left">
					<img :src="item.img" alt="">
				</div>
				<div class="right">
					<p>{{item.title}}</p>
					<span>{{item.con}}</span>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{
						title:"二手房出售",
						img:'https://pic6.ajkimg.com/news/eaab110f8a101f99a0f54776c91d35cd?imageMogr2/format/jpg/thumbnail/132x132',
						con:'发布二手房出售信息',
						url:'/pages/publishtwohouse/index'
					},
					{
						title:"有房出租",
						img:'https://pic6.ajkimg.com/news/7296feca9e3489af8fb382d73feb9305?imageMogr2/format/jpg/thumbnail/132x132',
						con:'发布房源出租信息',
						url:'/pages/selltwohoyse/index'
					},
					{
						title:"我想买个房子",
						img:'https://pages.anjukestatic.com/usersite/app/weapp_wkpxm_icon.png',
						con:'发布求购意向信息',
						url:'/pages/buyhouse/index'
					},
					{
						title:"我想租个房子",
						img:'https://pic6.ajkimg.com/news/5668dc3e7e78f40d09e71fe33a94e36b?imageMogr2/format/jpg/thumbnail/135x132',
						con:'发布求租意向信息',
						url:'/pages/renting/index'
					},{
						title:"买新房 职业顾问帮您忙",
						img:'https://pic6.ajkimg.com/news/55985a5eaa5170f5f9b2ca15709856c0?imageMogr2/format/jpg/thumbnail/132x132',
						con:'提交购房意向买房顾问全程带看'
					}
				]
			}
		},
		onLoad() {

		},
		methods: {
			intopage(item){
				console.log(item);
				wx.navigateTo({
					url:item.url
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.box{
		.top{
			width: 100%;
			height: 200rpx;
			background: rgba(2, 114, 240, 1);
			text-align: center;
			color: #fff;
			line-height: 150rpx;
		}
		.con{
			width: 100%;
			.conitem{
				display: flex;
				height: 120rpx;
				margin: 10rpx 40rpx;
				.left{
					width: 120rpx;
					height: 100%;
					display: flex;
					justify-content: center;
					align-items: center;
					img{
						width: 80%;
						height: 80%;
					}
				}
				.right{
					margin: 20rpx;
					p{
						font-size: 18px;
						font-weight: bold;
					}
					span{
						color: rgb(180, 179, 179);
					}
				}
			}
		}
	}
</style>
